
<div class="list" id="list" v-show="tab.index == 1" style="margin-bottom: 49px" v-on:scroll="scroll">
    <template v-for="lost in losts">
        <a class="item item-avatar" href="javascript:;">
            <img :src="lost.user.avatar">
            <h2>@{{ lost.user.nickname }}<span style="font-size: 14px;float: right;color: #666;">@{{ lost.update_human_time }}</span></h2>
            <p v-if="lost.number && !lost.name">失主学号：@{{ lost.number }}</p>
            <p v-if="lost.name">失主信息：@{{ lost.class + ' ' + lost.name }}</p>
            <p style="white-space: normal;">描述：@{{ lost.description }}</p>
            <p v-html="getContact(lost)"></p>
            <p v-if="lost.cover" :style="{background: 'url('+lost.thumbnail+') center center/100% no-repeat', width: '200px', height: '200px', backgroundClip:'content-box'}" v-on:click="previewImage(lost.cover)"></p>
        </a>
    </template>
    <button v-show="nextPageUrl && losts.length > 0" v-on:click="getList" class="button button-full button-light" style="margin: 0">
        @{{ loading ? '加载中...' : '加载更多' }}
    </button>

</div>